.limit-list-main {
  height: 100%;

  .banner {
    height: 31.5%;
    vertical-align: middle;
  }

  .div-content {
    background: #F7F7F7 !important;
    height: calc(100% - 31.5%);
    box-shadow: 0px -8px 14px 9px #F7F7F7;

    .list-box {
      top: -32px !important;
      height: 104%;
      margin: auto;
      width: 94%;
      border-radius: 8px;
      overflow: hidden;

      //导航
      .van-tabs {
        height: 100%;
        .van-tabs__wrap {
          position: absolute !important;
          height: 40px !important;
          border-radius: 8px;

          .van-tabs__line {
            left: 4% !important;
            width: 16px !important;

          }
          .van-tab {
            color: #999 !important;
          }

          .van-tab--active {
            color: #333 !important;
            font-size: 16px !important;
            font-weight: bold;
          }
        }

        .van-hairline--top-bottom::after {
          border: unset !important;
        }

        .van-tabs__content {
          height: 90%;
          overflow-y: auto;

          // 商品信息
          .limit-product {
            height: 100%;
            ul {
              height: 100%;
              padding:0 10px;
              box-sizing: border-box;
              overflow-y: auto;

              .product-box {
                width: 49%;
                margin-top: 10px;

                .product-content {
                  p {
                    line-height: 24px;
                  }
                  img {
                    width: 100%;
                  }

                  .shop-name,
                  .product-name {
                    font-weight: bold;
                  }

                  .coupon {
                    border: 1px solid #F54E4E;
                    border-radius: 2px;
                    padding: 1.5px 3.5px;
                    line-height: 15px;
                  }

                  .txt-placeholder {
                    opacity: 0;
                  }

                  .coupon-amount {
                    i {
                      font-style: normal;
                    }
                    span {
                      top: 0;
                      left: -5px;
                    }
                  }
                }
              }

              li:nth-child(even){
                margin-left: 2%;
              }
            }
          }
        }
      }
    }
  }

  .icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

}
